<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>汉德车桥物流公司货物运输单 </title>
  <script type="text/javascript" src="/static/jsc/jquery.min.js"></script>
  <script type="text/javascript" src="/static/jsc/qrcode.min.js"></script>
</head>
<style>
  table {
    border-collapse: collapse;
    text-align: center;
    border-color: #000;
    width: 100%;
    font-size: 24px;
  }

  td {
    word-break: break-all;
    font-size: 1rem;
    min-width: 2rem;
  }

  .content-font-size td {
    font-size: .75rem;
  }

  .small-font-size {
    font-size: .75rem;
  }

  .no-border {
    border: none;
  }

  .no-border-left {
    border-left: none;
  }

  .no-border-right {
    border-right: none;
  }

  .no-border-top {
    border-top: none;
  }

  .no-border-bottom {
    border-bottom: none;
  }

  .bordered {
    border: 1px #000 solid;
  }

  .hd-mid-table-td5 {
    width: 5%;
  }

  .hd-mid-table-td10 {
    width: 10%;
  }

  .hd-mid-table-td15 {
    width: 15%;
  }

  .hd-mid-table-td20 {
    width: 20%;
  }

  .hd-mid-table-td30 {
    width: 30%;
  }

  .hd-mid-table-td-serial {
    max-width: 50%;
    /* width: 16.67%; */
  }

  html body {
    width: 796px;
    height: 1133px;
  }

  .hd-table {
    min-height: 100%;
  }

  .footer {
    bottom: 0px;
    width: inherit;
    font-size: 12px;
  }

  #signet {
    position: absolute;
    top: 10rem;
    left: 6rem;
    width: 150px;
    height: 150px;
  }
</style>

<header>
  <center>
    <!-- 汉德车桥物流公司货物运输单 第一联 -->
  </center>
</header>

<body>

  <div class="hd-table">
    <img id="signet" width="100px" src="/static/images/signet.png">
    <table cellpadding="0" border summary=" 汉德车桥物流公司货物运输单">
      <tr class="no-border">
        <th colspan="6">
          <img width="100px" src="/static/images/logo.png">
        </th>
        <th colspan="12">
          <span>
            汉德车桥物流公司货物运输单
          </span>
        </th>
        <th colspan="6">
          <div id="qrcode" style="width:100px; height:100px;margin: auto;"></div>
          <!-- <img width="100px" src="https://img1.baidu.com/it/u=2877499757,3239316825&fm=224&fmt=auto&gp=0.jpg" alt=""
            srcset="" /> -->
        </th>
      </tr>
    </table>

    <table cellpadding="0" border summary=" 汉德车桥物流公司货物运输单">
      <tr class="bordered">
        <td class="hd-mid-table-td20" colspan="6">发运单号</td>
        <td class="hd-mid-table-td30" colspan="6">
          <%= data.bridgeShip.NewName %>
        </td>
        <td class="hd-mid-table-td20" colspan="6">客户名称</td>
        <td class="hd-mid-table-td30" colspan="6">
          <%= data.bridgeShip.NewAccIdname %>
        </td>
      </tr>

      <tr>
        <td colspan="6">出发地：<%= data.bridgeShip.NewSendplace %>
        </td>
        <td colspan="6">目的地：<%= data.bridgeShip.NewDestination %>
        </td>
        <td colspan="6">发运时间</td>
        <td colspan="6">
          <%= data.bridgeShip.NewShippingDatetime %>
        </td>
      </tr>

      <tr>
        <td colspan="6">物流公司</td>
        <td class="small-font-size" colspan="6">
          <%= data.bridgeShip.NewSendcarCompany %>
        </td>
        <td colspan="6">司机姓名：<%= data.bridgeShip.NewSendcarIdname %>
        </td>
        <td colspan="6">司机电话：<%= data.bridgeShip.NewDriverPhone %>
        </td>
      </tr>

      <tr>
        <td colspan="6">车牌号</td>
        <td colspan="6">
          <%= data.bridgeShip.NewCarNumber %>
        </td>
        <td colspan="6">桥架数：<%= data.bridgeShip.NewBridgeQty?parseInt(data.bridgeShip.NewBridgeQty):"" %>
        </td>
        <td colspan="6">总重量：<%=
            data.bridgeShip.NewTotalWeight?parseFloat(data.bridgeShip.NewTotalWeight).toFixed(2):""
            %>
        </td>
      </tr>

      <tr>
        <td colspan="6">到货联系人</td>
        <td colspan="6">
          <%= data.bridgeShip.NewContactIdname %>
        </td>
        <td colspan="6">联系电话</td>
        <td colspan="6">
          <%= data.bridgeShip.NewDeliveryPhoner %>
        </td>
      </tr>

      <tr>
        <td colspan="6">制表人</td>
        <td colspan="6">
          <%= data.bridgeShip.OwnerIdname %>
        </td>
        <td colspan="6">发货仓库</td>
        <td colspan="6">
          <%= data.bridgeShip.NewShippingWareHouseCode %>
        </td>
      </tr>
      <tr>
        <td colspan="6">到货签字</td>
        <td colspan="6"></td>
        <td colspan="6">收货日期</td>
        <td colspan="6"></td>
      </tr>
      <tr>
        <td colspan="6">桥总数</td>
        <td colspan="18">
          <%= parseInt(data.bridgeShip.NewBridgetotalQty)?parseInt(data.bridgeShip.NewBridgetotalQty):"" %>
        </td>

      </tr>
      <tr>
        <td colspan="6">交货地址</td>
        <td class="small-font-size" colspan="18">
          <%= data.bridgeShip.NewAddressIdname %>
        </td>
      </tr>
      <tr>
        <td colspan="6">备注</td>
        <td class="small-font-size" colspan="18">
          <%= data.bridgeShip.BackupSeg1 %>
        </td>
      </tr>
      <!-- <tr>
        <td colspan="6">外观完好</td>
        <td colspan="18">
        </td>
      </tr> -->
    </table>
    <br />
    <table cellpadding="0" border summary=" 汉德车桥物流公司货物运输单">
      <tr>
        <td class="hd-mid-table-td3" colspan="4"> 序号 </td>
        <td class="hd-mid-table-td15" colspan="4"> 汉德物料编码 </td>
        <td class="hd-mid-table-td15" colspan="4"> 客户物料编码 </td>
        <td class="hd-mid-table-td15" colspan="4"> 物料描述 </td>
        <td class="hd-mid-table-td3" colspan="4"> 数量 </td>
        <td class="hd-mid-table-td-serial" colspan="4"> 序列号 </td>
      </tr>
      <!-- data.result.ResponseInfo.BridShipDet.ShipDetail -->
      <% data.shipDetails.forEach(function(item,index){%>
        <tr class="content-font-size">
          <td class="hd-mid-table-td3 " colspan="4">
            <%=index+1 %>
          </td>
          <td class="hd-mid-table-td15 " colspan="4">
            <%=item.MatCode %>
          </td>
          <td class="hd-mid-table-td15 " colspan="4">
            <%=item.CustMatCode %>
          </td>
          <td class="hd-mid-table-td15 " colspan="4">
            <%=item.MatName %>
          </td>
          <td class="hd-mid-table-td3 " colspan="4">
            <%=item.ActualNum %>
          </td>
          <td class="hd-mid-table-td-serial " colspan="4">
            <%=item.SerialNum %>
          </td>
        </tr>
        <% }) %>
    </table>
    <br />
    <table cellpadding="0" border summary=" 汉德车桥物流公司货物运输单">
      <tr>
        <td colspan="2"> 序号 </td>
        <td colspan="4"> 随桥件编码 </td>
        <td colspan="3"> 随桥件名称 </td>
        <td colspan="3"> 实发数量 </td>
        <td colspan="3"> 重量 </td>
      </tr>
      <!-- data.result.ResponseInfo.BridShipDet.BridPartInfo -->
      <% data.result.ResponseInfo.BridShipDet.BridPartInfo.forEach(function(item,index){%>
        <tr class="content-font-size">
          <td colspan="2">
            <%=index+1 %>
          </td>
          <!-- <td colspan="6">
            <%=item.MatCode %>
          </td> -->
          <td colspan="4">
            <%=item.BridgeCode %>
          </td>
          <td colspan="3">
            <%=item.BridgeName %>
          </td>
          <!-- <td colspan="3">
            <%= parseInt(item.BridgeDosage)?parseInt(item.BridgeDosage):"" %>
          </td> -->
          <td colspan="3">
            <%=parseInt(item.ActualNo)?parseInt(item.ActualNo):"" %>
          </td>
          <td colspan="3">
            <%= parseFloat(item.Weight)?parseFloat(item.Weight).toFixed(2):"" %>
          </td>
        </tr>
        <% }) %>
    </table>
  </div>
  <div class="footer">
    <center>
      汉德车桥物流公司货物运输单 第<%=data.page?data.page:"一"%>联
    </center>
  </div>
  <script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
      width: 100,
      height: 100
    });

    qrcode.makeCode("<%= data.bridgeShip.NewName %>");

   // makeCode();
  </script>
</body>

</html>